import {TimeSelect} from "../../types.ts";

interface TabSelectItemProps {
    time:TimeSelect
    handleChangeTime: (time:TimeSelect) => void;
}

function TabSelectItem({time,handleChangeTime}: TabSelectItemProps) {
    return (
        <li onClick={()=>handleChangeTime(time)} className={`tab-select ${time.active ? 'active' : ''}`}>{time.title}</li>
    )
}

export default TabSelectItem;